<!DOCTYPE html>
<html>

<head>
<title>DICOM Web Viewer</title>
<meta charset="UTF-8">
<meta name="description" content="Medical viewer using DWV (DICOM Web Viewer) and jQuery Mobile.">
<meta name="keywords" content="DICOM,HTML5,JavaScript,medical,imaging,DWV">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="theme-color" content="#2F3BA2"/>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="manifest" href="manifest.json">
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="ext/jquery-mobile/jquery.mobile-1.4.5.min.css" />
<link type="text/css" rel="stylesheet" href="node_modules/nprogress/nprogress.css" />
<style type="text/css" >
.ui-popup .ui-controlgroup { background-color: #252525; }
#colourLi > .ui-input-text { text-align: center; }
#colourLi > .ui-input-text input { min-height: 2em; width: 7em; display:inline-block }
#lwColourLi > .ui-input-text { text-align: center; }
#lwColourLi > .ui-input-text input { min-height: 2em; width: 7em; display:inline-block }
#ffColourLi > .ui-input-text { text-align: center; }
#ffColourLi > .ui-input-text input { min-height: 2em; width: 7em; display:inline-block }
/* jquery-mobile strip not visible enough */
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
  background-color: #eeeeee; /* non-RGBA fallback  */
  background-color: rgba(0,0,0,0.1);
}
</style>
<!-- mobile web app -->
<meta name="mobile-web-app-capable" content="yes" />
<link rel="shortcut icon" sizes="16x16" href="resources/icons/icon-16.png" />
<link rel="shortcut icon" sizes="32x32" href="resources/icons/icon-32.png" />
<link rel="shortcut icon" sizes="64x64" href="resources/icons/icon-64.png" />
<link rel="shortcut icon" sizes="128x128" href="resources/icons/icon-128.png" />
<link rel="shortcut icon" sizes="256x256" href="resources/icons/icon-256.png" />
<!-- apple specific -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" sizes="16x16" href="resources/icons/icon-16.png" />
<link rel="apple-touch-icon" sizes="32x32" href="resources/icons/icon-32.png" />
<link rel="apple-touch-icon" sizes="64x64" href="resources/icons/icon-64.png" />
<link rel="apple-touch-icon" sizes="128x128" href="resources/icons/icon-128.png" />
<link rel="apple-touch-icon" sizes="256x256" href="resources/icons/icon-256.png" />
<!-- Third party (dwv) -->
<script type="text/javascript" src="node_modules/i18next/i18next.min.js"></script>
<script type="text/javascript" src="node_modules/i18next-http-backend/i18nextHttpBackend.min.js"></script>
<script type="text/javascript" src="node_modules/i18next-browser-languagedetector/i18nextBrowserLanguageDetector.min.js"></script>
<script type="text/javascript" src="node_modules/jszip/dist/jszip.min.js"></script>
<script type="text/javascript" src="node_modules/konva/konva.min.js"></script>
<script type="text/javascript" src="node_modules/magic-wand-tool/dist/magic-wand.min.js"></script>
<!-- Third party (viewer) -->
<script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="ext/jquery-mobile/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="node_modules/nprogress/nprogress.js"></script>
<script type="text/javascript" src="ext/flot/jquery.flot.min.js"></script>
<!-- decoders -->
<script type="text/javascript" src="node_modules/dwv/decoders/dwv/rle.js"></script>
<script type="text/javascript" src="node_modules/dwv/decoders/pdfjs/jpx.js"></script>
<script type="text/javascript" src="node_modules/dwv/decoders/pdfjs/util.js"></script>
<script type="text/javascript" src="node_modules/dwv/decoders/pdfjs/arithmetic_decoder.js"></script>
<script type="text/javascript" src="node_modules/dwv/decoders/pdfjs/jpg.js"></script>
<script type="text/javascript" src="node_modules/dwv/decoders/rii-mango/lossless-min.js"></script>
<!-- dwv -->
<script type="text/javascript" src="node_modules/dwv/dist/dwv.min.js"></script>

<!-- Google -->
<script type="text/javascript" src="ext/google-api-javascript-client/client.js"></script>
<script type="text/javascript" src="ext/google-api-javascript-client/api.js"></script>
<script type="text/javascript" src="src/google.js"></script>

<!-- Dropbox -->
<script type="text/javascript" src="ext/dropbox-dropins/dropins.js"
    id="dropboxjs" data-app-key="96u3396jtx3bwr8"></script>
<script type="text/javascript" src="src/dropbox.js"></script>

<!-- browser -->
<script type="text/javascript" src="src/utils/browser.js"></script>
<script type="text/javascript" src="src/utils/modernizr.js"></script>

<!-- gui -->
<script type="text/javascript" src="src/gui/custom.js"></script>
<script type="text/javascript" src="src/gui/dropboxLoader.js"></script>
<script type="text/javascript" src="src/gui/filter.js"></script>
<script type="text/javascript" src="src/gui/generic.js"></script>
<script type="text/javascript" src="src/gui/help.js"></script>
<script type="text/javascript" src="src/gui/html.js"></script>
<script type="text/javascript" src="src/gui/infoController.js"></script>
<script type="text/javascript" src="src/gui/infoOverlay.js"></script>
<script type="text/javascript" src="src/gui/loader.js"></script>
<script type="text/javascript" src="src/gui/tools.js"></script>
<script type="text/javascript" src="src/gui/undo.js"></script>

<!-- Launch the app -->
<script type="text/javascript" src="src/register-sw.js"></script>
<script type="text/javascript" src="src/appgui.js"></script>
<script type="text/javascript" src="src/applauncher.js"></script>

</head>

<body>

<!-- Main page -->
<div data-role="page" data-theme="b" id="main">

<!-- pageHeader #dwvversion -->
<div id="pageHeader" data-role="header" data-position="fixed">
<h1>dwv-jqmobile <span class="dwv-version"></span></h1>
<a href="#help_page" data-icon="carat-r" class="ui-btn-right"
  data-transition="slide" data-i18n="basics.help">Help</a>
</div><!-- /pageHeader -->

<!-- pageMain -->
<div id="pageMain" data-role="content">

<!-- Toolbar -->
<div id="dwv-toolbar"></div>

<!-- Auth popup -->
<div data-role="popup" id="popupAuth">
<a href="#" data-rel="back" data-role="button" data-icon="delete"
  data-iconpos="notext" class="ui-btn-right" data-i18n="basics.close">Close</a>
<div style="padding:10px 20px;">
<h3 data-i18n="io.GoogleDrive.auth.title">Google Drive Authorization</h3>
<p data-i18n="io.GoogleDrive.auth.body">Please authorize DWV to access your Google Drive.
<br>This is only needed the first time you connect.</p>
<button id="gauth-button" class="ui-btn" data-i18n="io.GoogleDrive.auth.button">Authorize</button>
</div>
</div><!-- /popup -->

<!-- Open popup -->
<div data-role="popup" id="popupOpen">
<a href="#" data-rel="back" data-role="button" data-icon="delete"
  data-iconpos="notext" class="ui-btn-right" data-i18n="basics.close">Close</a>
<div style="padding:10px 20px;">
<h3 data-i18n="basics.open">Open</h3>
<div id="dwv-loaderlist"></div>
</div>
</div><!-- /popup -->

<!-- DWV -->
<div id="dwv">

<!-- Layer Container -->
<div id="layerGroup0" class="layerGroup">
  <div id="dropBox"></div>
  <div id="infoLayer">
    <div id="infotl" class="infotl info"></div>
    <div id="infotc" class="infotc infoc"></div>
    <div id="infotr" class="infotr info"></div>
    <div id="infocl" class="infocl infoc"></div>
    <div id="infocr" class="infocr infoc"></div>
    <div id="infobl" class="infobl info"></div>
    <div id="infobc" class="infobc infoc"></div>
    <div id="infobr" class="infobr info"></div>
  </div><!-- /infoLayer -->
</div><!-- /layerGroup -->

</div><!-- /dwv -->

<!-- History -->
<div id="dwv-history" title="History" style="display:none;"></div>

</div><!-- /page main -->

<!-- pageFooter -->
<div id="pageFooter" data-role="footer" data-position="fixed">
<div data-role="navbar" id="dwv-toolList">
</div><!-- /navbar -->
</div><!-- /pageFooter -->

</div><!-- /page -->

<!-- Tags page -->
<div data-role="page" data-theme="b" id="tags_page">

<div data-role="header">
<a href="#main" data-icon="back" data-transition="slide"
  data-direction="reverse" data-i18n="basics.back">Back</a>
<h1 data-i18n="basics.dicomTags">DICOM Tags</h1>
</div><!-- /header -->

<div data-role="content">
<!-- Tags -->
<div id="dwv-tags" title="Tags"></div>
</div><!-- /content -->

</div><!-- /page tags_page-->

<!-- Draw list page -->
<div data-role="page" data-theme="b" id="drawList_page">

<div data-role="header">
<a href="#main" data-icon="back" data-transition="slide"
  data-direction="reverse" data-i18n="basics.back">Back</a>
<h1 data-i18n="basics.drawList">Draw list</h1>
</div><!-- /header -->

<div data-role="content">
<!-- DrawList -->
<div id="dwv-drawList" title="Draw list"></div>
</div><!-- /content -->

</div><!-- /page draw-list_page-->


<!-- Help page -->
<div data-role="page" data-theme="b" id="help_page">

<div data-role="header">
<a href="#main" data-icon="back" data-transition="slide"
  data-direction="reverse" data-i18n="basics.back">Back</a>
<h1 data-i18n="basics.help">Help</h1>
</div><!-- /header -->

<div data-role="content">
<!-- Help -->
<div id="dwv-help" title="Help"></div>
</div><!-- /content -->

</div><!-- /page help_page-->

</body>
</html>
